
<template>
  <div class="Temporary">
    <div class="Temporary-l">
       <InfoCar :CarListInfo='CarListInfo' class="Temporary-l-bed"></InfoCar>
       <InfoCar :CarListInfo='CarListDate'></InfoCar>
    </div>
    <div class="Temporary-r">
      <InfoTit title="临时医嘱"></InfoTit>
      <div class="trug-list">
        <TableBody class="aa"></TableBody>
      </div>
    </div>
  </div>
</template>

<script>
import InfoCar from '../../common/InfoCar'
import InfoTit from '../../common/InfoTit'
import TableBody from '../../common/TableBody'
export default {
  name: 'Temporary',
  components: {
    InfoCar,
    InfoTit,
    TableBody
  },
  data () {
    return {
      CarListInfo: {
        src: require('../../img/wardR/chest-icon.png'),
        InfoTit: '急救中心',
        decide: true,
        bgImg: require('../../img/wardR/aid-bg.png'),
        boxS: '-.1rem -.1rem .3rem 0 #d5e9e6',
        InfoCon: ['x', '27', '床']
      },
      CarListDate: {
        src: require('../../img/wardR/chest-icon.png'),
        InfoTit: '急救中心',
        decide: false,
        bgImg: require('../../img/wardR/present-bg.png'),
        boxS: '-.1rem -.1rem .3rem 0 #d5e9e6',
        InfoCon: ['x', '27', '床']
      }
    }
  }
}
</script>

<style style="stylus" scoped>
  .Temporary{
    padding: 0 .3rem;
    display: flex;
  }

  .Temporary .Temporary-l .Temporary-l-bed{
     margin-bottom: .1rem;
  }

  .Temporary .Temporary-r{
    margin: 0 .3rem;
    flex: 1;
  }
  .Temporary .Temporary-r .trug-list{
    width: 100%;
    font-size: .28rem;
  }
  .Temporary .Temporary-r .trug-list .aa{
    font-size: .4rem;
  }
  /* .Temporary .Temporary-r .trug-list>table>thead{
    text-align: center;
    background-color: #edeef0;
    color: #161d26;
    height: .56rem;
    line-height: .56rem;
  } */
</style>
